<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<link rel="stylesheet" type="text/css" href="__CONTROLLER_VIEW__/css/common.css" />
		<link rel="stylesheet" type="text/css" href="__CONTROLLER_VIEW__/css/content.css" />
		<hdjs/>
		<js file="__CONTROLLER_VIEW__/js/content.js"/>
		<js file="__CONTROLLER_VIEW__/js/list.js"/>
	</head>
	<body>
		<include file="__CONTROLLER_VIEW__/header.html"/>
		<div id="content">
			<div class="title">
				<p>
					<a href="{|U:'category',array('cid'=>$cate[2]['cid'])}" class="index">{$cate.2.cat_name}</a> > 
					<a href="{|U:'category',array('cid'=>$cate[0]['cid'])}" class="cat">{$cate.0.cat_name}</a> > 
					<a href="{|U:'brand',array('brand_id'=>$goods['brand_id'])}" class="brand">Coach</a> > 
					<span>{$goods.goods_name}</span>
				</p>
			</div>
			<div class="content">
				<div class="left">
					<div class="left_img">
						<a href="javascript:;" class="up" i='1' onclick="nextPic(this)"></a>
						<div class="pic">
							<ul id="thumb">
								<list from="$goodsGallery" name="$gg">
									<li onmouseover="image(this)"  jqimg="__ROOT__/{$gg.img_original}" mimg="__ROOT__/{$gg.img_url}">
										<a href="javascript:;"><img src="__ROOT__/{$gg.thumb_url}"/></a>
									</li>
								</list>
							</ul>
						</div>
						<a href="javascript:;" class="down" i='-1' onclick="nextPic(this)"></a>
					</div>
					<div class="right_img">
						<div class="max_img">
							<a href="javascript:;">
								<list from="$goodsGallery" name="$gg" row="1">
									<img src="__ROOT__/{$gg.img_url}" id="img">
								</list>
								<div id="sekuai"></div>
								<div id="gaizi" style="cursor:crosshair"></div>
							</a>
						</div>
						<div id="right">
							<list from="$goodsGallery" name="$gg" row="1">
								<img src="__ROOT__/{$gg.img_original}" id="rpic">
							</list>
						</div>
					</div>
				</div>
				<div class="right">
					<dl>
						<dt>
							<a href="" class="brand" target="_blank">Coach</a>
							<h1>{$goods.goods_name}</h1>
						</dt>
						<dd class="odd">
							<div class="dt">商品编号</div>
							<div class="dd">{$goods.goods_sn}</div>
						</dd>
						<dd class="odd">
							<div class="dt">珍品价</div>
							<div class="dd">
								<span class="price"><font>￥</font>{$goods.goods_price}</span>
								市场价  <del>￥{$goods.market_price}</del>
							</div>
						</dd>
						<dd class="odd">
							<span style="float: right;width: 551px;">
								<var>满减</var>
								<span style="color:#ff4400;padding-left:5px;">本商品参加满999减100/满1499减150/满2999减350/满4999减700/满6999减1000/满9999减1200/满14999减1800</span>
								<a href="javascript:;" target="_blank" style="color: #FF4400;margin-left: 10px;">活动详情>></a>
							</span>
							促销信息
						</dd>
						<dd class="odd">
							<dl>
								<dd class="p_line"></dd>
								<list from="$attr" name="$a">
									<if value="{$a.attr_type} eq 1">
										<dd class="spec">
											<div class="dt">{$a.attr_name}</div>
											<div class="dd">
												<list from="$a.attr" name="$v">
													<span id="{$v.id}">{$v.attr_value}</span>
												</list>
											</div>
										</dd>
									</if>
								</list>
								<form  method='post' onsubmit="return toOrder(this,'{$hd.session.user.uid}')" class="addForm">
									<input type="hidden" name="gid" value="{$goods.gid}">
									<input type="hidden" name="product_id" id='productId' value="">
									<dd>
										<div class="dt">数量</div>
										<div class="dd">
											<a href="javascript:;" class="rem" ks="-1" onclick="addNum(this)">-</a>
											<input type="text" name="num" value="1"/>
											<a href="javascript:;" class="add" ks="1" onclick="addNum(this)">+</a>
											<u id="tips" style="line-height:30px;padding-left:20px;color:#f00;"></u>
										</div>
									</dd>
									<dd class="p_line"></dd>
									<dd class="pay">
										<input type="submit" value="立即购买" class="buy">
										<a href="javascript:;" class="add_cart" onclick="addCart(this)">放入购物车</a>
									</dd>
								</form>
							</dl>
						</dd>
					</dl>
				</div>
			</div>
			<div class="detals">
				<div class="left">
					<div class="cate">
						<p class="title">推荐品牌</p>
						<ul>
							<list from="$brand" name="$b" row="12">
								<li class="tui"><a href="">{$b.brand_name}</a></li>
							</list>
						</ul>
					</div>
					<div class="cate">
						<p class="title">相关分类</p>
						<ul>
							<list from="$category" name="$c" row="10">
								<li class="tui"><a href="">{$c.cat_name}</a></li>
							</list>
						</ul>
					</div>
					<div class="cate">
						<p class="title">销售排行榜</p>
						<ul>
							
								<li class="img">
									<a href=""><i>1</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>2</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>3</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>4</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>5</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>6</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>7</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>8</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>9</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
								<li class="img">
									<a href=""><i>10</i><img src="__CONTROLLER_VIEW__/img/con1.jpg" alt=""></a>
									<a href="" class="name">迈克.科尔斯 深咖啡色 牛皮 女士手提斜挎包 ZXH </a>
									<span class="price">￥<span>1550</span></span>
								</li>
							
						</ul>
					</div>
				</div>
				<div class="right">
					<div class="title">
						<a href="" class="cur">商品详情</a>
						<a href="">评价详情(0)</a>
						<a href="">配送及售后</a>
					</div>
					<div class="info">
						<table class="table1">
							<tbody>
								<tr>
									<th class="w100">品牌</th>
									<td class="w350">Coach (蔻驰/寇兹) </td>
									<th class="w100">款号</th>
									<td class="w350">AS Q1303 </td>
								</tr>
								<tr>
									<th class="w100">品牌</th>
									<td class="w350">Coach (蔻驰/寇兹) </td>
									<th class="w100">款号</th>
									<td class="w350">AS Q1303 </td>
								</tr>
								<tr>
									<th class="w100">品牌</th>
									<td class="w350">Coach (蔻驰/寇兹) </td>
									<th class="w100">款号</th>
									<td class="w350">AS Q1303 </td>
								</tr>
								<tr>
									<th class="w100">品牌</th>
									<td class="w350">Coach (蔻驰/寇兹) </td>
									<th class="w100">款号</th>
									<td class="w350">AS Q1303 </td>
								</tr>
							</tbody>	
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="blank"></div>
		<div id="dialog">
			<p class="title">温馨提示</p>
			<span class="close" onclick="_close();"></span>
			<div class="frcg">
				<p class="u">
					<i></i>
					商品已经放入购物袋中！
				</p>
				<p class="d">
					<a href="{|U:'Cart/index'}" class="buy">去购物车结算</a>
					<a href="javascript:;" onclick="_close();" class="continue">继续购物</a>
				</p>
			</div>
		</div>
		<!--未登录时触发登录注册层-->
	<div id="shade">
		<!--背景边框-->
		<div class="background"></div>
		<!--背景边框结束-->
	</div>
		<!--登录注册-->
	<div id="loginReg">
		<div class="title">
			<strong>您尚未登录</strong> <a href="javascript:;" class="close" onclick="loginClose()">X</a>
		</div>
		<div class="info">
			<div class="tab">
				<a href="javascript:;" class="loginBtn tabBtn cur" onclick="loginForm()">登录</a>
				<a href="javascript:;" class="regBtn tabBtn" onclick="regForm()">注册</a>
			</div>
			<form action="" method="post" id="loginForm" >
				<div class="con">
					<div class="line">
						<input type="text" name="username" placeholder="邮箱/手机号码/昵称" autocomplete="off"/>
					</div>
					<div class="line">
						<input type="password" name="password" placeholder="密码" autocomplete="off"/>
					</div>
					<div class="line" style="height: 17px;">
						<input type="hidden" name="remeberMe" value="0"/>
						<label class="chk"><input type="checkbox" name="remeberMe" value="1"/>记住我（下次自动登录）</label>
						<a href="" class="forget">忘记密码？</a>
					</div>
					<div class="line" style="margin-top: 10px;">
						<a href="javascript:;" onclick="userLogin()" class="button">登录</a>
					</div>
					<div class="go">
						<p>
							现在还不是奢品网用户？<a href="{|U:'Login/reg'}">免费注册</a>
						</p>
					</div>
				</div>
				<div class="partner">
				<p>合作网站账户登录</p>
				<ul>
					<li>
						<a href="" title="QQ登录" class="qq"></a>
						<a href="" title="支付宝登陆" class="zhifubao"></a>
						<a href="" title="新浪微博" class="sina"></a>
					</li>
				</ul>
			</div>
			</form>	
			<form action="" method="post" id="regForm">
				<div class="con">
					<div class="line">
						<input type="text" name="username" placeholder="手机/邮箱" autocomplete="off"/>
					</div>
					<div class="line">
						<input type="password" name="password" placeholder="密码" autocomplete="off"/>
					</div>
					<div class="line">
						<input type="password" name="repassword" placeholder="确认密码" autocomplete="off"/>
					</div>
					<div class="chkCode line">
						<input type="text" name="code" placeholder="验证码" autocomplete="off"/>
						<a href="javascript:;" class="code" onclick="var oImg=document.getElementById('img');oImg.src='{|U:'code'}&'+Math.random();">
							<img src="{|U:'code'}" id="img"/>
							换一张
						</a>
					</div>
					<div class="line" style="height: 17px;">
						<label class="chk"><input type="checkbox" name="agree" value="1" id="agree" checked=""/>我已阅读并同意</label><u>奢品用户注册协议</u>
					</div>
					<div class="line" style="margin-top: 10px;">
						<a href="javascript:;" onclick="regUser()" class="button reg">注册</a>
					</div>
				</div>
			</form>
		</div>
	</div>
		<!--登录注册结束-->
	<!--登录注册触发层结束-->
		<include file="__CONTROLLER_VIEW__/bottom.html"/>
		<js file="__CONTROLLER_VIEW__/js/index.js"/>
		<js file="__VIEW__/Cart/js/index.js"/>
	</body>
</html>